.content{padding-bottom: 50px;}
.msg-board{height: 236px;background-image: linear-gradient(0deg, #F8B500, #FCEABB);display: flex;justify-content: space-between;align-items: center;text-align: center;}
.msg-board .model,.msg-board .area{font-size: 38px;color: #4B2708;width: 194px;text-align: center;box-sizing: border-box;height: 110px;line-height: 110px;}
.msg-board .model{border-right: 1px solid rgba(255,255,255,.7);}
.msg-board .area{border-left: 1px solid rgba(255,255,255,.7);}
.msg-board .mid-cont .price{font-size: 40px;}
.msg-board .mid-cont .price-wrap .new-price{display: inline-block;vertical-align: middle;font-size: 48px;}
.msg-board .mid-cont .price-wrap .orig-price2{display: inline-block;font-size: 40px;vertical-align: middle;color: rgba(43,36,36,.7);text-decoration: line-through;margin-left: 20px;}
.msg-board .mid-cont .classy{color: #773B09;font-size: 30px;}
.content .seat-wrap{background: #fff;padding: 30px;padding-top: 12px;}
.content .seat-wrap .select{display: flex;justify-content: space-between;align-items: center;}
.content .seat-wrap .select a{color: rgba(119,59,9,.4);height: 40px;}
.content .seat-wrap .select .bigger{background: url(../images/bigger.png) no-repeat right center;padding-right: 50px;}
.content .seat-wrap .select .smaller{background: url(../images/smaller.png) no-repeat left center;padding-left: 50px;}
.content .seat-wrap .region{background: #EFEFEF;width: 690px;margin: 0 auto;padding: 30px 34px;box-sizing: border-box;margin-top: 48px;}
.content .seat-wrap .region p{text-align: center;}
.content .seat-wrap .region .partition{margin-top: 20px;}
.content .seat-wrap .region .partition::after{content: "";display: block;clear: both;}
.content .seat-wrap .region .partition .lists{width: 60px;height: 60px;float: left;background: #FFFFFF;border: 1px dashed #4990E2;font-size: 15px;margin: 5px;box-sizing: border-box;line-height: 18px;}
.content .seat-wrap .region .partition .lists:nth-child(9n+1){margin-left: 0;}
.content .seat-wrap .region .partition .lists:nth-child(9n){margin-right: 0;}
.content .seat-wrap .region .partition .lists .par-sta{display: table-cell;vertical-align: middle;width: 60px;height: 35px;}
.content .seat-wrap .region .partition .saved{background: #6A849C;color: #fff;border: none;}
.content .seat-wrap .region .partition .rent{background: #FFD445;border: none;}
.content .seat-wrap .mark{color: rgba(10,10,10,.6);margin-top: 34px;}
.content .seat-wrap .mark i{display: inline-block;width: 34px;height: 34px;background: #FFD445;vertical-align: middle;}
.content .seat-wrap .mark p{display: inline-block;vertical-align: middle;}
.content .deadline{margin-top: 20px;background: #fff;padding:0 30px;}
.content .deadline .date{padding-top: 20px;}
.content .deadline .date input{float: right;text-align: right;width: 500px;padding-left: 64px;direction: rtl;}
.content .deadline .time input{float: right;text-align: right;width: 500px;padding-left: 64px;direction: rtl;background: url(../images/arrowDown.png) no-repeat right center;padding-right: 30px;box-sizing:border-box;}
.content .deadline .time{border-bottom: 1px solid #E2E2E2;padding: 30px 0;}
.content .deadline .time select{float: right;font-size: 28px;-webkit-appearance: none;appearance: none;border: none;background: url(../images/arrowDown.png) no-repeat right center;padding-right: 30px;direction: rtl;width: 500px;}
.content .deadline .bottom{padding: 20px 0;}
.content .deadline .bottom .offer{height: 50px;border: 1px solid rgba(10,10,10,.4);border-radius: 8px;font-size: 26px;color: rgba(10,10,10,.4);text-align: center;line-height: 50px;display: inline-block;padding: 0 20px;}
.content .deadline .bottom .offer.active{border: 1px solid #EF184C;color: #EF184C;background: url(../images/status.png) no-repeat right bottom;}
.content .promo-code{margin-top: 20px;background: #fff;padding: 12px 30px;display: flex;justify-content: space-between;align-items: center;}
.content .promo-code .prom-lab{width: 140px;border-right: 1px solid rgba(10,10,10,.4);color: rgba(10,10,10,.4);height: 40px;line-height: 40px;}
.content .promo-code .prom-inp{height: 70px;line-height: 70px;width: 340px;background: #fff;}
.content .promo-code .prom-but{width: 120px;height: 70px;border-radius: 8px;color: #fff;background: #b5b6b7;}
.content .promo-code.on .prom-lab{color: #333;}
.content .promo-code.on .prom-but{background: #6A849C;}
.content .sum-wrap{margin-top: 20px;background: #fff;padding: 10px 30px;}
.content .sum-wrap li{margin: 10px 0;display: flex;justify-content: space-between;align-items: center;}
.content .sum-wrap li .orig-price{color: rgba(10,10,10,.6);}
.content .sum-wrap li .offer-price{color: #EF184C;}
.content .info{background: #fff;margin-top: 20px;padding: 20px 30px;display: flex;justify-content: space-between;align-items: center;}
.content .order-details{margin-top: 20px;background: #fff;padding: 0 30px;}
.content .order-details li{padding: 28px 0;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #dedede;}
.content .order-details li:last-child{border: none;}
.content .order-details li label{color: rgba(10,10,10,.6);}
.content .order-wrap{margin-top: 20px;background: #fff;padding: 0 30px;}
.content .order-wrap .head{border-bottom: 1px solid #dedede;display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.content .order-wrap .head .date{font-size: 26px;color: rgba(10,10,10,.6);background: url(../images/time.png) no-repeat left center;padding-left: 35px;}
.content .order-wrap .order-cont{display: flex;justify-content: space-between;align-items: top;padding: 16px 0;}
.content .order-wrap .order-cont .icon{width: 210px;height: 148px;}
.content .order-wrap .order-cont .icon img{width: 100%;height: 100%;}
.content .order-wrap .order-cont .middle-c{width: 348px;}
.content .order-wrap .order-cont .middle-c div{margin-top: 10px;}
.content .order-wrap .order-cont .middle-c .goods-format{font-size: 26px;color: rgba(10,10,10,.4);}
.content .order-wrap .order-cont .order-status{color: #F7C51F;margin-top: 10px;}
.content .info::after{content: "";display: inline-block;width: 16px;height: 16px;border: solid #999;border-width: 2px 0 0 2px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.content .confirm-btn{width: 690px;height: 94px;background: #FFD445;border-radius: 8px;color: #fff;font-size: 34px;margin: 0 auto;margin-top: 90px;display: block;}
.content .lease{margin-top: 20px;background: #fff;padding: 0 30px;}
.content .lease .rent,.content .lease .deposit{padding: 20px 0;border-bottom: 1px solid #dedede;display: flex;justify-content: space-between;align-items: center;}
.content .lease div:last-child{border: none;}
.content .rate{margin-top: 20px;padding: 0 30px;background: #fff;display: flex;justify-content: space-between;align-items: center;}
.content .rate label{width: 160px;border-right: 1px solid rgba(10,10,10,.4);height: 40px;line-height: 40px;}
.content .rate input{width: 505px;height: 90px;line-height: 90px;}
.content .tips{padding: 20px 30px;color: #666;font-size: 26px;}
.content .tips span{color: #EF184C;}
.content .pact-wrap{margin-top: 20px;}
.content .pact-wrap .check-box{display: inline-block;vertical-align: middle;width: 34px;height: 34px;position: relative;margin-left: 30px;}
.content .pact-wrap .check-box input[type=checkbox]{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.content .pact-wrap .check-box div{width: 34px;height: 34px;background: url(../images/uncheck.png) no-repeat;}
.content .pact-wrap .check-box input[type=checkbox]:checked + div{background: url(../images/checked.png) no-repeat;}
.content .pact-wrap label{vertical-align: middle;font-size: 26px;}
.content .pact-wrap label a{color: #EF184C;}

.mask{width: 750px;height: 100%;position: fixed;background: rgba(0,0,0,.5);left: 50%;top: 0;margin-left: -375px;}
.main-cont{height: 80%;width: 750px;background: #fff;position: fixed;left: 50%;bottom: 0;padding: 30px;box-sizing: border-box;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: all 300ms ease-in;transition: all 300ms linear;margin-left: -375px;}
.main-cont.go-top{-webkit-transform: translateY(0);transform: translateY(0);}
.main-cont .head{text-align: right;}
.main-cont .head button{background: none;font-size: 30px;outline: none;}
.main-cont .head .cfm-btn{color: #FFD445;}
.main-cont .protocol{margin-top: 20px;height: 90%;overflow: auto;-webkit-overflow-scrolling: touch;}

.content .date-lists{background: #fff;padding: 0 30px;margin-top: 20px;}
.content .date-lists li{display: flex;align-items: center;border-bottom: 1px solid #CBCBCB;padding: 20px 0;}
.content .date-lists li label{color: rgba(10,10,10,.6);display: inline-block;width: 138px;border-right: 1px solid #CBCBCB;}
.content .date-lists li p{font-size: 30px;margin-left: 30px;}
.content .date-lists li p span{color: #EF184C;}
.content .my-info{margin-top: 20px;background: #fff;padding: 28px 30px;display: flex;justify-content: space-between;align-items: center;}
.content .my-info::after{content: "";display: inline-block;width: 16px;height: 16px;border: solid #999;border-width: 2px 0 0 2px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}


.extraneous{margin-top: 20px;background: #fff;}
.extraneous .sub-title{height: 94px;line-height: 94px;padding: 0 30px;border-bottom: 1px solid #dedede;color: rgba(10,10,10,.6);font-size: 28px;}
.extraneous .sub-title::after{display: block;clear: both;content: "";}
.extraneous .sub-title i{display: block;float: right;width: 20px;height: 20px;border: solid rgba(10,10,10,.6);border-width: 2px 0 0 2px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: 30px;-webkit-transition: all 150ms linear;transition: all 150ms linear;}
.extraneous .sub-cont{background: #F7F7F7;display: none;}
.extraneous .sub-cont .column{height: 94px;line-height: 94px;padding: 0 30px;border-bottom: 1px solid #dedede;font-size: 28px;}
.extraneous .sub-cont .column:last-child{border-bottom: none;}
.extraneous .sub-cont .column::after{display: block;content: "";clear: both;}
.extraneous .sub-cont .column label{display: block;width: 100%;height: 100%;}
.extraneous .sub-cont .column .label{color: rgba(10,10,10,.6);float: left;}
.extraneous .sub-cont .column .right-cont{float: right;}
.extraneous .sub-cont .column .right-cont .check-wrap{width: 30px;height: 30px;overflow: hidden;position: relative;margin-top: 32px;}
.extraneous .sub-cont .column .right-cont input[type=checkbox]{width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;}
.extraneous .sub-cont .column .right-cont input[type=checkbox] + div{width: 100%;height: 100%;box-sizing: border-box;background: url(../images/check_off.png) no-repeat;background-size: 100% 100%;}
.extraneous .sub-cont .column .right-cont input:checked + div{background: url(../images/check_on.png) no-repeat;background-size:100% 100%;}
.extraneous .sub-cont .column .right-cont input[type=text]{width: 580px;background: none;height: 94px;line-height: 94px;}
.extraneous .sub-cont .column .right-cont .amount-edit{float: left;}
.extraneous .sub-cont .column .right-cont .amount-edit .add_btn,.extraneous .sub-cont .column .right-cont .amount-edit .minus_btn{display: inline-block;vertical-align: middle;width: 44px;height: 44px;}
.extraneous .sub-cont .column .right-cont .amount-edit .add_btn{background: url(../images/add.png) no-repeat;background-size: 100% 100%;}
.extraneous .sub-cont .column .right-cont .amount-edit .minus_btn{background: url(../images/min.png) no-repeat;background-size: 100% 100%;}
.extraneous .sub-cont .column .right-cont .amount-edit .text_box{display: inline-block;vertical-align: middle;background: #EEEEEE;width: 60px;height: 44px;line-height: 44px;text-align: center;}
.extraneous .sub-cont .column #lock_price,.extraneous .sub-cont .column #carton_price{color: #EF184C;float: left;margin-left: 20px;}
.extraneous .sub-cont .column #lock_price span,.extraneous .sub-cont .column #carton_price span{font-size: 30px;}
/*.extraneous .sub-cont .column #lock_price::after,.extraneous .sub-cont .column #carton_price::after{display: inline-block;width: 16px;height: 16px;border: solid #666;border-width: 2px 0 0 2px;content: "";-webkit-transform: rotate(135deg);transform: rotate(135deg);}*/
.extraneous .extraneous-total{height:90px;line-height: 90px;padding: 0 30px;color: rgba(10,10,10,.6);text-align: right;}
.extraneous .extraneous-total div{display: inline-block;color: #EF184C;font-size: 24px;}
.extraneous .extraneous-total div span{font-size: 30px;}
